<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>押金管理</title>
<jsp:include page="/WEB-INF/views/include/newhead.jsp" />

</head>
<body>
<!-- 	<div class="boxcontent"> -->
<!-- 		<div class="tabmenu"> -->
<!-- 			<ul> -->
<!-- 				<li class="tabselected" data-url="timesexpense/static/dome/dep/depositInfoList.html">押金信息</li> -->
<!-- 				<li data-url="timesexpense/static/dome/dep/depositRoam.html">押金转应收</li> -->
<!-- 				<div class="clear"></div> -->
<!-- 			</ul> -->
<!-- 		</div> -->
<!-- 	</div> -->
	<iframe name="content" id="contentMain" src="${ctx}/timesexpense/static/dome/dep/depositInfoList.html" frameborder="false" scrolling="auto" style="border:none;" width="100%" height="470" allowtransparency="true">
		
	</iframe>
</body>
<script>
	$(function(){
		
		var lis=$(".tabmenu").find("li");
		var lilength=lis.length;
		var lipersent=(1/lilength)*100;
		$(".tabmenu").find("li").css("width",lipersent+"%");
		
		$(".tabmenu>ul>li").click(function(){
			var url=$(this).attr("data-url");
			$(this).addClass("tabselected");
			$(this).siblings().removeClass("tabselected");
			$("#contentMain").attr("src","${ctx}/"+url);
		});
		
		$("#contentMain").bind("load",function () {
		    var mainheight = $(this).contents().find("body").height() + 60;
		    $(this).height(mainheight);
		});
		
	});
</script>
</html>